<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Vue</title>
</head>
<body>
<!--第一步，导入Vue.js-->
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
<div id="app">
        <li v-for="item in items">
            {{item.message}}
        </li>
</div>
<script>
    var vm = new Vue({
       el: "#app",
       data: {
           //items数组
           items: [
               {message: "潇君学Java"},
               {message: "潇君学Vue"},
               {message: "潇君学Python"},
               {message: "潇君学SpringBoot"},
               {message: "潇君学MySQL"},
               {message: "潇君学设计模式"},
               {message: "潇君啥啥都得学"}
           ]
       }
    });
</script>


</body>
</html>